import React from 'react'
import { connect } from 'react-redux'
function List2(props) {
  return (
    <div>
      <h1>list2</h1> - { props.list }
      <button onClick = { () => {
        props.changeList([77, 88, 99])
        }}>789</button>
    </div>
  )
}

// export default connect((state) => {
//   return {
//     list: state.list
//   }
// }, (dispatch) => {
//   return {
//     changeList (params) {
//       dispatch({
//         type: 'CHANGE_LIST',
//         payload: params
//       })
//     }
//   }
// })(List2)
export default connect(
  ({list}) => ({list}), 
  (dispatch) => ({
    changeList (params) {
      dispatch({
        type: 'CHANGE_LIST',
        payload: params
      })
    }
  }))(List2)
